.login-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-image: url("../../assets/images/login/bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  #basic {
    width: 80%;
    margin-top: 20px;

    #basic_email {
      height: 40px;
    }

    #basic_password {
      height: 30px;
    }
  }

  h1 {
    font-size: 36px;
    color: #232154;
    width: 98%;
    text-align: left;
    margin: 10px 0;
  }

  .login-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60vw;
    height: 80vh;
    background-color: #f8fafb;

    .ant-card-body {
      display: flex;
      width: 100%;
      height: 100%;

      .login-card-left {
        width: 65%;
        height: 100%;
        background-image: url("../../assets/images/login/1.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
      }

      .login-card-right {
        width: 35%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        font-size: 20px;

        .ant-btn {
          margin-top: 20px;
          width: 98%;
          background: #5c61f0;
          height: 50px;
        }
      }
    }
  }
}
